<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册页面</title>
</head>
<body>
<form autocomplete="off">
    姓名:<input type="text" id="username">
    <span id="uSpan"></span><br>
    密码:<input type="text" id="password"><br>
    <input type="submit" value="注册">
</form>
</body>
<script>
    //搞一个失去焦点事件 发送至服务器 判断是否注册
    document.getElementById("username").onblur=function () {
        //创建核心对象
        let xmlHttp=new XMLHttpRequest();
        //打开链接 三个参数 请求方式 请求资源路径  是否异步
        let username=document.getElementById("username").value;
        xmlHttp.open("GET","userServlet?username="+username,true)
        //发送请求
        xmlHttp.send();
        //处理响应
        xmlHttp.onreadystatechange=function () {
            //判断请求和响应是否成功
            if(xmlHttp.readyState==4&&xmlHttp.status==200){
                //将相应数据返回
                document.getElementById("uSpan").innerHTML=xmlHttp.responseText
            }
        }
    }

</script>
</html>